<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <style> -->
        <!-- /* 同时为多个标签设置样式  */
        /* 样式易于更改  */
        /* 写一个css的选择器  */
        /* 可以给p设置的所有样式 都设置在p里面  */
        /* p,g1{
            color :rgb(50, 92, 50);font-size: 50px;
        } */
        /* 只能对一个网页起作用 里面的样式不可以跨页面复用  */
        /* 当前页面才可以 */
        /* 写在网页的外面  */
        /* 可以将编写到外部的文件里  */
        /* 引入 即可  */
        /* 通过css选择器 设置各种样式  同时为多种标签设置样式  */
        /* 可以用,隔开  */
        /* 比内联样式更好 */ -->
        <link rel="stylesheet" href="./css.css">
        <!-- 不是写在网页里 而是通过引入来实现功能的  -->
        <!-- </style> -->
        <!-- 意味着只要想使用样式都可以进行引入，样式可以在不同的页面之间使用  这是最佳的使用方式  -->
        <!-- 外部资源被缓存了 加快了速度  -->
        <!-- 最大程度使用缓存机制 提高加载速度  -->
</head>
<body>
    <!-- 外在显示都是表现  用css控制 -->
    <!-- 实际上 网页时立体的结构 类似蛋糕 从下往下看 就是一个平面
    网页 是一个多层的样式 但看到一直都是最上面的东西 -->
    <!-- 总之 css用来设置网页中元素的样式  -->
    <!-- 使用css来修改  -->
    <!-- 标签内部 通过style 设置  -->
    <p >滚滚滚古古怪怪</p>
    <!-- 这种语法就属于css语法 -->
    <!-- 中间用冒号连接 -->
    <!-- 内联样式 行内样式 -->
    <!-- 通过css来展现元素外在的效果  -->
    <!-- 这个值就是所谓的css -->
    <g1> 今天可以</g1>
    <!-- 使用内联样式 样式只对一个标签使用 如果希望影响多个标签  多次复制 -->
    <!-- 而且不好维护（样式发生变化） -->
    <!-- 开发时绝对不适用内联样式  -->
    <!-- 将样式编写 -->
</body>
</html>